body {
  font-family: 'Walter Turncoat', cursive;
  font-size: 18px;
  text-align: center;
  color: #051064;
  background: white;
}
h1 {
  font-size: 18px;
  position: absolute;
  top: 300px;
  left: 500px;
  width: 200px;
  height: 200px;
  background: #eee;
  border: 5px solid #525464;
  -wekit-transition: all .3s ease-in-out;
}
h1 span.contents {
  width: 200px;
  text-overflow: ellipsis;
  display: inline-block;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li {
  height: 120px;
  width: 120px;
  border-radius: 65px;
  background: #BEC3E6;
  border: 5px solid #525464;
  margin: 5px;
  -webkit-transition: background .3s ease-in-out;
}
li span.contents {
  float: left;
  margin-top: 45px;
  width: 100%;
  -webkit-transition: all .3s linear;
}
.ui-draggable:hover {
  background: #A0E6A6;
}
.ui-draggable:active, .selected {
  border-color: #DD0109;
}
.ui-droppable-hover {
  background: #A0E6A6;
  border-color: #DD0109;
}
.animate-movement {
  -webkit-transition: all .3s linear;
}